<script type="text/javascript">
//var baseUrl = "{$this->baseUrl}";
dojo.require("dijit.form.FilteringSelect");
dojo.require("dijit.form.Form");
dojo.require("dojo.data.ItemFileReadStore");
{literal}	
function actualizarDistritos(cReg) {
	var urlDistritosStore = baseUrl + "/jsonQuery/obtenerDistritos?cReg=" + cReg;
	var distritosStore = new dojo.data.ItemFileReadStore({url: urlDistritosStore}); 
	dijit.byId("distritos").store = distritosStore;
}

function actualizarGrupos(cDis) {
	var urlGruposStore = baseUrl + "/jsonQuery/obtenerGrupos?cDis=" + cDis;
	var gruposStore = new dojo.data.ItemFileReadStore({url: urlGruposStore}); 
	dijit.byId("grupos").store = gruposStore;
}

function actualizarTabla() {
	mostrarCargandoDialog();
	var cGru = dijit.byId("grupos").getValue();
	var cUni = dijit.byId("unidades").getValue();
	var urlMiembrosStore = baseUrl + "/jsonQuery/listaJovenes?cGru=" + cGru + "&cUni=" + cUni;
	//alert(urlMiembrosStore );
	var d = dojo.xhrGet( {
        // The following URL must match that used to test the server.
        url: urlMiembrosStore,
        handleAs: "json",
        load: function(responseObject, ioArgs) {
          // Now you can just use the object
          //console.dir(responseObject);
          llenarTabla(responseObject);
          return responseObject;
        }
        // More properties for xhrGet...
	});
	d.addCallback(ocultarCargandoDialog);
}
{/literal}
</script>
<div dojoType="dojo.data.ItemFileReadStore" jsId="regionesStore"
	url="{$this->baseUrl}/jsonQuery/obtenerRegiones"></div>
<div dojoType="dojo.data.ItemFileReadStore" jsId="unidadesStore"
	url="{$this->baseUrl}/jsonQuery/obtenerUnidades?cNiv=1"></div>
<p>Indique la unidad y grupo de donde desea consultar las credenciales de los j&oacute;venes.</p>
<form dojoType="dijit.form.Form" id="consultaCredencialForm">
<table id="jovenesFormTbl">
	<tr>
		<th><label for="unidades">Unidad:</label></th>
		<td><input id="unidades" name="unidades" store="unidadesStore"
			searchAttr="zUni" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr>
		<th><label for="regiones">Regi&oacute;n:</label></th>
		<td><input id="regiones" name="regiones" store="regionesStore"
			searchAttr="zReg" onchange="actualizarDistritos"
			dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr>
		<th><label for="distritos">Distrito:</label></th>
		<td><input id="distritos" name="distritos" searchAttr="zDis"
			onchange="actualizarGrupos" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr>
		<th><label for="grupos">Grupo Scout:</label></th>
		<td><input id="grupos" name="grupos" searchAttr="zGru"
			onchange="actualizarTabla" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
</table>
<table id="lista">
	<tbody></tbody>
</table>